import { Platform } from "react-native";
import { createStyles } from "../../utils/index";
import * as vars from "../../theme";

const styles = {
  root: {
    height: 40,
    // ...vars.baseBorder,
    flexDirection: "row",
    justifyContent: "space-between",
    alignItems: "center",
  },
  left: {
    paddingLeft: 10,
  },
  leftIcon: {
    fontWeight: Platform.OS === "android" ? "100" : "500",
    color: "rgb(44, 50, 66)",
    fontSize: 18,
  },
  center: {},
  centerText: {},
  right: {
    paddingRight: 10,
  },
  rightText: {
    fontFamily: vars.fontFamily,
    fontWeight: Platform.OS === "android" ? "100" : "500",
    color: "rgb(44, 50, 66)",
    fontSize: 14,
  },
};

export default createStyles(styles);
